<script>
	export default {

	}
</script>

<style lang="scss">
	@import "@/uni_modules/uview-ui/index.scss";

	page {
		height: 100%;
	}

	.flex {
		display: flex;
		align-items: center;
	}

	.container {
		padding-bottom: 40rpx;
		color: #333;
	}

	.loadmore-wrapper {
		padding: 24rpx;
	}

	.empty-wrapper {
		padding: 32rpx;
	}

	.p-safe {
		padding-bottom: env(safe-area-inset-bottom);
	}

	.list-msg {
		height: 100rpx;
		width: 100%;
		line-height: 100rpx;
		text-align: center;
		font-size: 28rpx;
	}

	.disableScroll {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		overflow: hidden;
	}


	.relative {
		position: relative;
	}

	.absolute {
		position: absolute;
	}

	.bg-white {
		background-color: #FFFFFF;
	}

	.full {
		width: 100%;
		height: 100%;
	}

	.inset {
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
	}

	.flex {
		display: flex;
	}

	.row {
		flex-direction: row;
	}

	.column {
		flex-direction: column;
	}

	.flex-wrap {
		flex-wrap: wrap;
	}

	.flex-no-wrap {
		flex-wrap: nowrap;
	}

	.center {
		justify-content: center;
	}

	.space-between {
		justify-content: space-between;
	}

	.space-around {
		justify-content: space-around;
	}

	.p-16 {
		padding: 16rpx;
	}

	.p-24 {
		padding: 24rpx;
	}

	.box {
		box-sizing: border-box;
	}

	.flex-1 {
		flex: 1;
	}

	.w-100 {
		width: 100%;
	}

	.h-100 {
		height: 100%;
	}

	.p-32 {
		padding: 32rpx;
	}

	.text-ellipsis {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.mt-24 {
		margin-top: 24rpx;
	}

	.border {
		border: 1px solid red !important;
	}


	page button::after {
		border: none;
		border-top-width: initial;
		border-right-width: initial;
		border-bottom-width: initial;
		border-left-width: initial;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		border-top-color: initial;
		border-right-color: initial;
		border-bottom-color: initial;
		border-left-color: initial;
		border-image-source: initial;
		border-image-slice: initial;
		border-image-width: initial;
		border-image-outset: initial;
		border-image-repeat: initial;
	}

	::-webkit-scrollbar {
		width: 0;
		height: 0;
		display: none;
		background: transparent;
	}

	button::after {
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: 10px;
		box-sizing: border-box;
		content: " ";
		height: 200%;
		left: 0;
		position: absolute;
		top: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		width: 200%;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: rgba(0, 0, 0, 0.2);
		border-right-color: rgba(0, 0, 0, 0.2);
		border-bottom-color: rgba(0, 0, 0, 0.2);
		border-left-color: rgba(0, 0, 0, 0.2);
		border-image-source: initial;
		border-image-slice: initial;
		border-image-width: initial;
		border-image-outset: initial;
		border-image-repeat: initial;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
</style>